<template>
    <div class="box shadow">
        <div class="title">
            <p>{{ title }}</p>
            <slot name="title" />
        </div>
        <slot />
		<img src="@im1/LT.png" class="img lt">
		<img src="@im1/LB.png" class="img lb">
		<img src="@im1/RT.png" class="img rt">
		<img src="@im1/RB.png" class="img rb">
    </div>
</template>

<script setup>
let { title } = defineProps({ title: String });
</script>

<style lang="less" scoped>
@import '@less';
.box {
    .w(100%);
    .padd(10px);
	.mar_b(20px);
	.pos_r();
    .title {
        .df();
        .f_jc(space-between);
        .c(#1B9EF6);
		.font_w();
		.mar_b(10px);
    }
	.img {
		.pos_a();
		.size(20px);
	}
	.lt { .pos_lt() };
	.lb { .pos_lb() };
	.rt { .pos_rt() };
	.rb { .pos_rb() };
}
</style>